<div class="login-page" [@routerTransition]>
    <div class="row">
        <div class="col-md-4 push-md-4">
            <img src="assets/images/logo.png" width="150px" class="user-avatar" />
            <h1>预定管理系统</h1>
            <form role="form" [formGroup]="myForm" (ngSubmit)="onLoggedin(myForm.value)">
                <div class="form-content">
                    <div class="form-group">
                        <input type="text"  class="form-control input-underline input-lg" required [formControl]="myForm.get('username')"  [(ngModel)]="username"  placeholder="用户名">
                        <div *ngIf="formErrors.username" class="error">
                            {{ formErrors.username }}
                        </div>
                    </div>

                    <div class="form-group">
                        <input type="password" class="form-control input-underline input-lg" required [formControl]="myForm.get('password')" [(ngModel)]="password" placeholder="密码">
                        <div *ngIf="formErrors.password" class="error">
                            {{ formErrors.password }}
                        </div>
                    </div>
                </div>
                <button type="submit" class="btn rounded-btn" [disabled]="!myForm.valid" > Log in </button>
                &nbsp;
                <!--<a class="btn rounded-btn" [routerLink]="['/signup']">Register</a>-->
            </form>
        </div>
    </div>
</div>
